<template>
	<view :style="[{paddingTop:CustomBar+'px'}]">
		<cu-custom bgColor="bg-colorP" :isBack="true">
			<block slot="backText"></block>
			<block slot="content">帮助与反馈</block>
		</cu-custom>

		<view class="feedback">
			<view class="titleview1" @click="gofeedback">
				<view class="title-right">
					<view class="line"></view>
					<view class="titlename">意见反馈</view>
				</view>
				<text class="lg text-gray" :class="'cuIcon-right'"></text>
			</view>
		</view>

		<view class="question">
			<view class="titleview">
				<view class="line"></view>
				<view class="titlename">常见问题</view>
			</view>
			<view class="all-questionview">
				<view class="qusetion1" v-for="(item,index) in questionList" :key="index">
					<view class="turn-left">
						<view class="left-qusetion">
							<image class="tit-img" :src="item.imgUrl"></image>
							<view class="question-title">
								{{item.title}}
							</view>
						</view>
					</view>
					<view class="turn-right">
						<view class="select-question" :data-item="item" @click="goAnswer(jtem)" v-for="(jtem,i) in item.child" :key="i">
							{{jtem.title}}
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				CustomBar: this.CustomBar,
				questionList: [{
					title: '账号问题',
					imgUrl: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/zhanghaoQuestion.png',
					child: [{
							title: '忘记密码',
							answer: '若您忘记密码无法登录，请进入账号密码登录页面，点击【忘记密码】，进行找回密码流程，需要通过验证后方可重置密码；'
						},
						{
							title: '更换手机号码',
							answer: '若您想要换绑手机号，请前往【个人中心】，进入【设置】，找到【账户与安全】，进行换绑手机号流程，通过验证后方可继续绑定新的手机号；'
						},
						{
							title: '解绑手机号',
							answer: '目前掌商不支持用户自助解绑手机号，如需操作请联系客服人员协助解决；'
						},
						{
							title: '修改密码',
							answer: '若您想要修改密码，请前往【个人中心】，进入【设置】，找到【账户与安全】，选择【修改密码】进行修改密码流程，通过验证后方可修改密码；'
						}
					]
				}
				// , 
				// {
				// 	title: '返现问题',
				// 	imgUrl: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/fanxianQuestion.png',
				// 	child: [{
				// 			title: '返现规则',
				// 			answer: '流程：扫码支付→进入免单队列→排队免单→个人中心提现→完成免单消费；'
				// 		},
				// 		{
				// 			title: '订单返现时长',
				// 			answer: '返现时长是根据该店铺当前消费队列排名依次返现的，当您的队列排名为“1”时，即会为您返现；注：如若您要查看队列排名，请您前往【个人中心】，点击【我的队列排名】，选择【店铺名称】，找到【我的排名】，即可查看您在该店铺的当前队列排名；'
				// 		},
				// 		{
				// 			title: '奖励金提现',
				// 			answer: '打开掌商app，请前往【个人中心】，点击【我的钱包】，选择【提现】，进入提现页面后选择提现方式、输入可提现金额、填写正确的验证码并提交；注：请在工作日09:00~22:00内提现，如选择微信零钱提现，两小时内到账；如选择银行卡提现，到账时间为T+1；'
				// 		},
				// 		{
				// 			title: '查看返现排名',
				// 			answer: '打开掌商app，请前往【个人中心】，点击【我的队列排名】，选择【店铺名称】，找到【我的排名】，即可查看您在该店铺的当前队列排名；'
				// 		}
				// 	]
				// }
				, {
					title: '支付问题',
					imgUrl: 'https://xarkbucket.oss-cn-hangzhou.aliyuncs.com/payQuestion.png',
					child: [{
							title: '绑定银行卡',
							answer: '若您想要绑定银行卡，请前往【个人中心】，进入【我的钱包】，选择【银行卡】，点击【添加银行卡】进行绑定银行卡流程，填写持卡人信息后即可绑定银行卡；'
						},
						{
							title: '解绑银行卡',
							answer: '若您想要解绑银行卡，请前往【个人中心】，进入【我的钱包】，选择【银行卡】，选择您要解绑的银行卡，点击【解除绑定】，即可解绑银行卡；'
						}
					]
				}]
			}
		},
		methods: {
			gofeedback() {
				uni.navigateTo({
					url: '/pages/feedbacks'
				})
			},
			goAnswer(jtem) {
				// var item = e.currentTarget.dataset.item
				uni.navigateTo({
					url: '/pages/answer?item=' + JSON.stringify(jtem)
				})
			},
		}
	}
</script>

<style>
	page{
		background: #f5f5f5;
	}
</style>

<style scoped>

	.feedback {
		width: 100%;
		height: 88rpx;
		background-color: #ffffff;
		margin-bottom: 24rpx;
	}

	.question {
		width: 100%;
		/* height: 630rpx; */
		overflow: hidden;
		background-color: #ffffff;
	}

	.titleview1 {
		width: 100%;
		height: 88rpx;
		line-height: 88rpx;
		display: flex;
		justify-content: space-between;
		padding-right: 24rpx;
		box-sizing: border-box;
	}

	.title-right {
		display: flex;
	}

	.jiantou-right {
		width: 18rpx;
		height: 32rpx;
		margin: 28rpx;
		justify-content: flex-end;
	}

	.titleview {
		width: 100%;
		height: 88rpx;
		line-height: 88rpx;
		border-bottom: 1px solid #efefef;
		display: flex;
		justify-content: flex-start;

	}

	.line {
		width: 8rpx;
		height: 30rpx;
		background-color: #f34930;
		margin: 29rpx 22rpx 29rpx 24rpx;
		box-sizing: border-box;
	}

	.titlename {
		width: 150rpx;
		height: 29rpx;
		font-family: PingFang-SC-Bold;
		font-size: 30rpx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 1rpx;
		color: #333333;
	}

	.all-questionview {
		/* height: 450rpx; */
		width: 100%;
	}

	.qusetion1 {
		height: auto;
		width: 100%;
		padding-left: 227rpx;
		box-sizing: border-box;
		position: relative;
	}

	.turn-left {
		width: 227rpx;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 24rpx;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: solid 1rpx #efefef;
		border-right: solid 1rpx #efefef;
	}

	.turn-right {
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		border-bottom: solid 1rpx #efefef;
		box-sizing: border-box;
	}

	.left-qusetion {
		width: 227rpx;
		height: 44rpx;
		display: flex;
		/* background: #1CBBB4; */
		box-sizing: border-box;
	}

	.turn-right .select-question:last-child {
		border-bottom: none !important;
	}

	.turn-right .select-question:nth-last-child(2) {
		border-bottom: none;
	}

	.turn-right .select-question:nth-child(2n) {
		border-bottom: solid 1rpx #efefef;
	}

	.tit-img {
		width: 44rpx;
		height: 44rpx;
		margin-right: 10rpx;
	}

	.question-title {
		line-height: 44rpx;
		font-size: 28rpx;
		color: #666666;
	}

	.select-question {
		width: 50%;
		height: 88rpx;
		text-align: center;
		font-size: 24rpx;
		color: #333333;
		line-height: 88rpx;
		border-bottom: solid 1rpx #efefef;
		border-right: solid 1rpx #efefef;
	}
</style>
